@media only screen and (max-width: 480px) {

/* Global
=========================*/

img.img {
    max-width: 100%;
}

div.dataTables_paginate {
    float: left !important;
    width: 100%;
}

.table-responsive {
    overflow-x :auto;
    width: 100%;
}

.tableHeader,
.tableFooter{
    padding: 10px;
}

.tableHeader .dataTables_filter label input {
    margin: 0px;
}


.new_ui .set_foto {
    width: 90px;
    height: 62px;
}

.new_ui .txt-lokasi {
    padding-left: 105px;
}

.panel-body h4.small-font {
    font-size: 16px !important;
}


.on-left {
    float: left !important;
    margin-top: 8px;
}

/* MENU
=========================*/

.main-sidebar {
    top: 0px;
}

.right-menu-responsive ul li a {
    padding: 3px 7px;
    font-size: 13px;
}


/* Dahboard
=========================*/
.box-summary-vehicle .small-box,
.box-summary-vehicle .small-box>.inner {
    overflow: hidden;
}
.box-summary-vehicle .small-box p {
    float: left;
    padding-top: 5px;
}

.box-summary-vehicle .small-box h3 {
    float: right;
    margin: 0px;
    font-size: 28px;
}

.content-graph {
    overflow: auto;
}

.content-graph-width {
    width: 200% !important;
     
}
.content-graph canvas {
    width: 100% !important;
}

 



/* lacak perangkat
=========================*/
.modal#modal-tracking {
    background: #ffffff !important;
}

.container-map-track {
    height: 35vh;
    overflow: hidden;
}

.box-tracking {
    width: 100%;
    height: auto;
    overflow: hidden;
    clear: both;
    margin-bottom: 20px;
}

/* Lokasi Gabungan
=========================*/
.dataTables_scrollHeadInner table tr th,
.dataTables_scrollBody table tr td {
    min-width: 80px;
}


/* pages
=========================*/
 
}